<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery Wizard</title>
<link rel="stylesheet" type="text/css" href="jquery.stepwizard.css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.stepwizard.js"></script>
<script type="text/javascript">
$(function(){
	$('.wizard').stepWizard({width:670});
});
</script>
</head>
<body>

<div class="wizard">
    <div>
    	<h3>Step1 | Description</h3>
    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum pellentesque risus vitae nisi dictum tristique. Sed dapibus congue auctor. Vivamus auctor tellus nec massa posuere consectetur. Maecenas sapien mi, sodales eget luctus eu, ultrices lacinia urna. Praesent posuere tempus magna quis placerat. Aenean vehicula interdum sagittis. Pellentesque quis nunc lorem. Curabitur et leo non sapien malesuada pretium quis quis nulla. Etiam at nulla quis urna mollis aliquam eu posuere arcu. Vestibulum pharetra facilisis nisl, vitae adipiscing augue imperdiet sit amet. Integer in turpis purus, vel ultricies urna.</p>
		<p>Nullam vitae neque tincidunt odio ullamcorper elementum non id metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris volutpat rutrum venenatis. Ut consectetur faucibus leo, quis semper augue mattis eget. Quisque bibendum ipsum nec lacus blandit hendrerit. Praesent laoreet tortor quis nunc dictum feugiat. Fusce et est et metus pulvinar consequat et non magna. Maecenas ut neque nec nunc tempor commodo. Mauris fringilla nulla nec massa sagittis tristique. Mauris pulvinar laoreet lorem, in consequat lectus bibendum et. Etiam cursus, velit id iaculis lacinia, sem neque placerat sapien, quis bibendum dolor ligula eu metus. Nam dictum sapien sit amet nisl ornare pharetra.</p>
        <p>Sed in elit eu felis ultrices ultricies. Maecenas adipiscing dictum tortor ut pharetra. Nunc sed purus lectus. Aliquam erat volutpat. Curabitur nec leo in quam dignissim consectetur. Mauris metus enim, fringilla nec vulputate vitae, vestibulum sit amet est. Duis dictum lacus luctus neque pharetra in aliquet nulla lacinia. Morbi vel velit diam, at dictum nisl. Donec lobortis elementum venenatis. Nulla facilisi. In ut ullamcorper est.</p>
        <p>Nullam id purus at risus suscipit imperdiet. In purus ipsum, convallis at lobortis ac, pretium iaculis nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin porttitor suscipit ipsum vitae sodales. Praesent eros neque, porttitor sit amet tristique sit amet, dictum id neque. Vestibulum sagittis congue luctus. Aenean a est metus. Vestibulum venenatis tellus vel justo gravida ut vestibulum quam fringilla. Praesent suscipit est et mi laoreet in convallis massa aliquam. Vivamus tempus lectus ut felis adipiscing aliquet. Duis commodo, arcu sit amet iaculis sodales, odio dolor hendrerit nibh, tristique feugiat velit nulla quis neque. Curabitur commodo adipiscing luctus. Cras quis tellus nec mauris molestie placerat a sit amet dui. Vivamus vitae neque turpis, at cursus nibh. Aenean consectetur, arcu et imperdiet dapibus, erat est imperdiet lectus, sed eleifend erat velit ac velit. Aliquam vel elit et tortor euismod porttitor. Etiam laoreet rutrum purus et viverra. Ut hendrerit massa vel nulla euismod vehicula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed nisl ligula, consequat eu pretium eget, tincidunt eu sem.</p>
        <p>Etiam viverra venenatis ipsum non pulvinar. Nullam mollis, metus quis facilisis eleifend, nisi mi ornare arcu, quis adipiscing quam lacus et tortor. Quisque non urna turpis. Etiam id elit ipsum.Donec ultrices sagittis enim sed elementum. Sed eu porttitor risus. Suspendisse placerat leo sit amet sapien ornare sed venenatis dolor sodales. Praesent ornare accumsan faucibus. Aliquam erat volutpat. Morbi lorem ipsum, porttitor non egestas et, luctus ac justo. Nullam interdum commodo mauris, eget laoreet tellus euismod ac. Maecenas dui lorem, consequat a convallis et, blandit eu neque. </p>
    </div>
    <div><h3>Step2</h3><img src="images/stepwizard_dividers.gif" /></div>
    <div><h3>Step3</h3>panel 3</div>
    <div><h3>Step4</h3>panel 4</div>
    <div><h3>Step5</h3>panel 5</div>
</div>